@import '_size.scss';
body {
  margin: 0;
  padding: 0;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen",
    "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue",
    sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

code {
  font-family: source-code-pro, Menlo, Monaco, Consolas, "Courier New",
    monospace;
}

#root{
  height: 100%;
}

/*flex*/
.dfr {
    display: flex;
    flex-direction: row;
  }
  
  .dfrc {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center
  }
  .dfc{
    display: flex;
    flex-direction: column;
  }
  
  .dfcc {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center
  }
  
  .dfccb {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center
  }
  
  .dfrsb {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: start
  }
  .dfrsc {
    display: flex;
    flex-direction: row;
    align-items: center;
  }
  
  .dfrcb {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center
  }
  
  .dfrcw {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
  }
  
  .dfrscw {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    flex-wrap: wrap;
  }
  .dfrs {
    display: flex;
    flex-direction: row;
    align-items: stretch;
  }
  .dfre{
    display: flex;
    flex-direction: row;
  }

  /*font*/

  //height width padding margin
  .h100{
    height: 100%;
  }
  .w100{
    width: 100%;
  }
  .wh100{
    height: 100%;
    width: 100%;
  }
  
  /*margin*/
  .m-b-8{
    margin-bottom: $_8
  }